<template>
  <div class="left">
    <!-- 
      组件文件命名，应该是多词格式
      1.myLeft.vue
      2.MyLeft.vue
      3.my-left.vue


      如果组件文件名只有一个词 不符合规范 也可以在js代码中 通过定义name来解决问题
     -->
     <art-list></art-list>
  </div>
</template>

<script>
export default {
  name:'my-left',
  // data(){
  //   return
  // },
  // methods:{},
  // comments:{},
}

</script>

<style>
.left{
  min-height:200px;;
  background-color: blue;
}
</style>